<script lang="ts">
  export let size = "1em";
  // export let color = "currentColor";

  let className: string | undefined = undefined;
  export { className as class };
</script>

<svg
  width={size}
  height={size}
  viewBox="0 0 20 20"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M3 4.2C3 4.08954 3.04664 4 3.10417 4H7.89583C7.95336 4 8 4.08954 8 4.2V5.4C8 5.51046 7.95336 5.6 7.89583 5.6H3.10417C3.04664 5.6 3 5.51046 3 5.4V4.2Z"
    class={className}
  />
  <path
    d="M3 7.4C3 7.28954 3.04664 7.2 3.10417 7.2H7.89583C7.95336 7.2 8 7.28954 8 7.4V8.6C8 8.71046 7.95336 8.8 7.89583 8.8H3.10417C3.04664 8.8 3 8.71046 3 8.6V7.4Z"
    class={className}
  />
  <path
    d="M3.10417 10.4C3.04664 10.4 3 10.4895 3 10.6V11.8C3 11.9105 3.04664 12 3.10417 12H7.89583C7.95336 12 8 11.9105 8 11.8V10.6C8 10.4895 7.95336 10.4 7.89583 10.4H3.10417Z"
    class={className}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M14.6935 3C13.2059 3 12 4.20593 12 5.69351C12 7.18109 13.2059 8.38702 14.6935 8.38702C16.1811 8.38702 17.387 7.18109 17.387 5.69351C17.387 4.20593 16.1811 3 14.6935 3ZM13.3846 5.69351C13.3846 4.97063 13.9706 4.38462 14.6935 4.38462C15.4164 4.38462 16.0024 4.97063 16.0024 5.69351C16.0024 6.41639 15.4164 7.0024 14.6935 7.0024C13.9706 7.0024 13.3846 6.41639 13.3846 5.69351Z"
    class={className}
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M2.30769 0H17.6923C18.9668 0 20 1.03319 20 2.30769V17.6923C20 18.9668 18.9668 20 17.6923 20H2.30769C1.03319 20 0 18.9668 0 17.6923V2.30769C0 1.03319 1.03319 0 2.30769 0ZM2.30769 1.53846C1.88286 1.53846 1.53846 1.88286 1.53846 2.30769V17.6923C1.53846 18.1171 1.88286 18.4615 2.30769 18.4615H9.25V1.53846H2.30769ZM17.6923 18.4615H10.75V11.1418L18.4615 17.109V17.6923C18.4615 18.1171 18.1171 18.4615 17.6923 18.4615ZM18.4615 15.2124L10.75 9.24513V1.53846H17.6923C18.1171 1.53846 18.4615 1.88286 18.4615 2.30769V15.2124Z"
    class={className}
  />
</svg>
